<div class="monitor-tab-div">
    <!-- 基本信息 -->
    <div class="m-panel">
    	<div class="m-panel-title">
    		<span>基本信息</span>
    	</div>
    	<div class="m-panel-body base-info-div">
    		<form class="bs-example form-horizontal xs-form">
                <div id="base_info_monitor_div">
                    <div class="form-group">
                        <label class="col-lg-2 control-label">监控器名称：</label>
                        <label class="col-lg-4 control-label tl" data-id="monitorName"></label>
                        <label class="col-lg-2 control-label">监控器类型：</label>
                        <label class="col-lg-4 control-label tl" data-id="monitorType"></label>
                    </div>
                </div>

                <div id="base_info_asset_div">
                    <div class="form-group"></div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">被监控资产名称：</label>
                        <label class="col-lg-4 control-label tl" data-id="assetName"></label>
                        <label class="col-lg-2 control-label">资产类型：</label>
                        <label class="col-lg-4 control-label tl" data-id="assetTypeName"></label>
                    </div>

                    <div class="form-group">
                        <label class="col-lg-2 control-label">IP：</label>
                        <label class="col-lg-4 control-label tl" data-id="mainIp"></label>
                        <label class="col-lg-2 control-label">管控域：</label>
                        <label class="col-lg-4 control-label tl" data-id="securityDomainName"></label>
                    </div>

                    <div class="form-group">
                        <label class="col-lg-2 control-label">操作系统：</label>
                        <label class="col-lg-4 control-label tl" data-id="osTypeName"></label>
                        <label class="col-lg-2 control-label" style="display: none;">物理位置：</label>
                        <label class="col-lg-4 control-label tl" data-id="locationCbName" style="display: none;"></label>
                    </div>
                </div>
            </form>
    	</div>
    </div>

    <!-- 数据源详细信息 -->
    <div class="m-panel">
        <div class="m-panel-title">
            <span>数据源详细信息</span>
        </div>
        <div class="m-panel-body" id="data_source_info_div">
            <div class="m-panel-body-card">
                <ul>
                    <li class="active" data-action="data_source_list">数据源详细信息</li>
                </ul>
            </div>
            
            <div class="table-div" id="data_source_info_table" style="height:300px"></div>
        </div>
    </div>

    <!-- License配置信息 -->
    <div class="m-panel">
        <div class="m-panel-title">
            <span>License配置信息</span>
        </div>
        <div class="m-panel-body" id="license_config_info_div">
            <div class="m-panel-body-card">
                <ul>
                    <li class="active" data-action="license_config_list">License配置信息</li>
                </ul>
            </div>
            
            <div class="table-div" id="license_config_info_table" style="height:300px"></div>
        </div>
    </div>

    <!-- 服务信息 -->
    <div class="m-panel">
        <div class="m-panel-title">
            <span>服务信息</span>
        </div>
        <div class="m-panel-body" id="service_info_div">
            <div class="m-panel-body-card">
                <ul>
                    <li class="active" data-action="http_process_list">HTTP线程池服务信息</li>
                    <li data-action="ACP_service_list">ACP服务信息</li>
                    <li data-action="AJP_service_list">AJP服务信息</li>
                    <li data-action="EJB_service_list">EJB服务信息</li>
                    <li data-action="app_service_list">应用服务信息</li>
                </ul>
            </div>
            <div class="table-div" id="service_info_table" style="height:300px"></div>
        </div>
    </div>
</div>

<div class="monitor-tab-div" data-type="event"></div>

<script type="text/javascript">
$(document).ready(function (){
require(['/js/plugin/monitor/catagory/apusic_server.js'] ,function (apusic_server){

var urlParamObj = index_query_param_get()

view_init()

index_form_init($("#system_info_query_div"))

function view_init()
{
    urlParamObj.time = $("#query_time_label").text()
    urlParamObj.edId = urlParamObj.assetId
    apusic_server.base_info(urlParamObj)
    apusic_server.data_source_info_list($("#data_source_info_table"), urlParamObj)
    apusic_server.license_config_list($("#license_config_info_table"), urlParamObj)
    service_info_render(urlParamObj)
}

window.index_monitor_init = function ()
{
    view_init()
}

function service_info_render(obj){
    var el_ul = $("#service_info_div").find("ul")
    el_ul.find("li").unbind("click")

    el_ul.find("li").click(function (){
        $(this).siblings().removeClass("active")
        $(this).addClass("active")
        apusic_server[$(this).attr("data-action")]($("#service_info_table") ,obj)
    })

    apusic_server.http_process_list($("#service_info_table") ,obj)
}

})
})